/*----导航栏的交互行为----*/
$(function(){

    $('.menu').hover(function(){
        $(this).children('ul').stop(true,true).slideDown(100);
    },function(){
        $(this).children('ul').stop(true,true).slideUp(200);
    });
    
    


    /**
     * 方法一：不推荐。
     * 有很多问题，比如下来菜单会滑入好几次，而且当鼠标直接从一级菜单一处的时候，下来菜单不会滑出
     * 同时代码冗余
    
    // 点击"网站首页"按钮，下拉框全部消失
    $('.menu>a').eq(0).mouseenter(function(e){
        $('.menu>.pull-down').slideUp();
        $('.menu>.pull-down').eq(2).slideDown();
        e.stopPropagation();
    });
    // 点击"兴趣分享"按钮，其他的下拉框消失，这部分下拉框显示
    $('.menu>a').eq(1).mouseenter(function(e){
        $('.menu>.pull-down').slideUp();
        $('.menu>.pull-down').eq(0).slideDown();
        e.stopPropagation();
    });
    // 点击"资源下载"按钮，其他的下拉框消失，这部分下拉框显示
    $('.menu>a').eq(2).mouseenter(function(e){
        $('.menu>.pull-down').slideUp();
        $('.menu>.pull-down').eq(1).slideDown();
        e.stopPropagation();
    });
    // 点击"联系我们"按钮，下拉框全部消失
    $('.menu>a').eq(3).mouseenter(function(e){
        $('.menu>.pull-down').slideUp();
        $('.menu>.pull-down').eq(2).slideDown();
        e.stopPropagation();
    });

    //鼠标进入下拉框，下拉框不卷起
    $('.pull-down').mouseup(function(e){
        $(this).slideDown();
        e.stopPropagation();
    });
    //鼠标离开下拉框，下拉框卷起
    $('.pull-down').mouseleave(function(){
        $(this).slideUp();
    });

    */
    
    
    
    
   /**
    * 方法二：直接mouseover和mouseleave两个事件
    * 使用children方法直接找到每一个一级菜单的下拉菜单，代码简洁
   
   $('.menu').mouseover(function(){
        $(this).children('ul').stop(true,true).slideDown(100);
    });

    $('.menu').mouseleave(function(){
        $(this).children('ul').stop(true,true).slideUp(100);
    });
   
    */

    /**
     * 方法三：和方法二类似，使用hover事件代替方法二中的两个事件

   $('.menu').hover(function(){
       $(this).children('ul').stop(true,true).slideDown(100);
   },function(){
       $(this).children('ul').stop(true,true).slideUp(100);
   });
    
    */
    
  
    
});



